/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     富文本     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormRichText {
  display: flex !important;
  width: auto !important;
  flex-direction: column;
  box-sizing: border-box;

  /* ============================== 滚动条 ============================== */
  > .CoreWeb-EasyScroll {
    border: 1px solid #dcdfe6;
    border-radius: 0 0 4px 4px;
    box-sizing: border-box;
    color: #000;
    background: #fff;
  }

  /* ============================== 菜单 ============================== */
  .w-e-menu,
  .w-e-menu i {
    transition: 0.3s;
  }
  .w-e-menu:hover {
    background: #eee !important;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     占位提示    >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormRichText-empty {
  .placeholder {
    display: none;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     菜单栏     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormRichText .CoreWeb-FormRichText-menu {
  border: 1px solid #dcdfe6;
  border-bottom: 0;
  border-radius: 4px 4px 0 0;
  background: #fff;

  /* ============================== 工具栏 ============================== */
  .w-e-toolbar {
    z-index: auto !important;
    border-radius: 4px 4px 0 0;
    background: transparent;
  }

  /* ============================== 提示 ============================== */
  .w-e-menu-tooltip {
    line-height: 1.5;
  }

  /* ============================== 下拉菜单 ============================== */
  .w-e-droplist {
    width: 130px !important;
    margin-left: -50px;

    /* —————————————————————————————— 下拉标题 —————————————————————————————— */
    .w-e-dp-title {
      font-size: 16px;
      color: #666;
      border-bottom: 1px solid #ddd;
    }
  }

  /* ============================== 下拉面板 ============================== */
  .w-e-panel-container {
    /* —————————————————————————————— 上传图标 —————————————————————————————— */
    .w-e-icon-upload2 {
      font-size: 60px;
    }
  }

  /* ============================== 颜色和背景 ============================== */
  .w-e-icon-pencil2 + .w-e-droplist,
  .w-e-icon-paint-brush + .w-e-droplist {
    width: 282px !important;
    margin-left: -124px;

    /* —————————————————————————————— 图标 —————————————————————————————— */
    i {
      font-size: 20px;
    }
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     编辑器     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormRichText .CoreWeb-FormRichText-editor {
  /* ============================== 容器 ============================== */
  .w-e-text-container {
    z-index: 0;
    background: transparent;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      按钮      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormRichText .CoreWeb-FormRichText-btn {
  position: absolute;
  z-index: 20000;
  top: 1px;
  right: 8px;
  padding: 0;
  font-size: 24px !important;
  background: transparent;
}
.el-dialog.is-fullscreen .CoreWeb-FormRichText-btn {
  display: none;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      只读      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormRichText-show {
  /* ============================== 菜单 ============================== */
  .CoreWeb-FormRichText-menu {
    background: #f5f7fa;
  }

  /* ============================== 占位提示 ============================== */
  .w-e-text-container > .placeholder {
    display: none !important;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      计数      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormRichText-count {
  position: absolute;
  bottom: -15px;
  right: 0;
  line-height: 1;
  font-size: 12px;
  color: var(--Info);
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      全屏      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-ShowRichText-full,
.CoreBody .CoreWeb-FormRichText-full {
  position: fixed;
  z-index: 1000000;
  top: 50%;
  left: 50%;
  width: 100vw !important;
  height: 100vh !important;
  padding: 32px 24px 24px;
  background: rgba(0, 0, 0, 0.3);
  transform: translate(-50%, -50%);

  /* ============================== 菜单 ============================== */
  .CoreWeb-FormRichText-menu {
    /* —————————————————————————————— 提示 —————————————————————————————— */
    .w-e-menu-tooltip {
      line-height: 1;
    }
  }

  /* ============================== 按钮 ============================== */
  .CoreWeb-FormRichText-btn {
    top: 33px;
    right: 33px;
  }
}
.CoreBody .CoreWeb-ShowRichText-full {
  .w-e-toolbar {
    top: 25px;
    right: 25px;
  }
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<     滚动条     >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormRichText .__rail-is-vertical {
  z-index: 99999999 !important;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<      字体      >>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<            >>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/
/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<      >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>*/

.CoreBody .CoreWeb-FormRichText .CoreWeb-FormRichText-editor {
  /* ============================== h1 ============================== */
  h1,
  h1 * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 48px !important;
  }

  /* ============================== h2 ============================== */
  h2,
  h2 * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 36px !important;
  }

  /* ============================== h3 ============================== */
  h3,
  h3 * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 28px !important;
  }

  /* ============================== h4 ============================== */
  h4,
  h4 * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 22px !important;
  }

  /* ============================== h5 ============================== */
  h5,
  h5 * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 18px !important;
  }

  /* ============================== p ============================== */
  p,
  p * {
    line-height: 1.5;
    margin: 10px 0;
    font-size: 16px !important;
  }

  /* ============================== 1 号 ============================== */
  font[size="1"],
  font[size="1"] * {
    font-size: 12px !important;
  }

  /* ============================== 2 号 ============================== */
  font[size="2"],
  font[size="2"] * {
    font-size: 14px !important;
  }

  /* ============================== 3 号 ============================== */
  font[size="3"],
  font[size="3"] * {
    font-size: 16px !important;
  }

  /* ============================== 4 号 ============================== */
  font[size="4"],
  font[size="4"] * {
    font-size: 18px !important;
  }

  /* ============================== 5 号 ============================== */
  font[size="5"],
  font[size="5"] * {
    font-size: 24px !important;
  }

  /* ============================== 6 号 ============================== */
  font[size="6"],
  font[size="6"] * {
    font-size: 36px !important;
  }

  /* ============================== 7 号 ============================== */
  font[size="7"],
  font[size="7"] * {
    font-size: 48px !important;
  }
}
